<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <link rel="stylesheet" href="../../css/category/shopperClass.css"/>
    <link rel="stylesheet" href="../../css/haitaozhekou/haitaozhekou.css"/>
    <link rel="stylesheet" href="../../lib/bootstrap/css/bootstrap.css"/>
    <link rel="stylesheet" href="../../css/base.css"/>
    <link rel="stylesheet" href="../../css/category/category.css"/>
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"/>

</head>
<body>
<header>
    <div id="login"><a href="../../index.html">慢慢买</a></div>
    <a href="" class="appLoad"></a>
</header>
<div class="search">
    <input type="search" placeholder="请输入你想比价的商品"/>
    <button class="searchbtn">搜索</button>
</div>

    <div class="watchWay clearfix row">
        <div class="col-xs-3 index">首页 <span class="glyphicon glyphicon-menu-right"></span></div>
        <div class="col-xs-3 allClass"></div>
        <div class="col-xs-3 fenlei"></div>
        <div class="col-xs-3">筛选</div>
    </div>
    <ul id="shopList">
        <script type="text/template" id="productList">
            {{each list as val i}}
        <li li-href='./shopFunction.html?productid={{val.productId}}'>
            <div class="pic">
                <a href="">
                        {{#val.productImg}}
                </a>
            </div>
            <div class="shopdescrip">
               <div class="shopname">{{val.productName}}</div>
                <div class="price">{{val.productPrice}}</div>
                <p>
                    <span class="baojia">{{val.productQuote.slice(3,4)}}商品报价</span>
                    <span class="pinrun">{{val.productCom}}</span>
                </p>
            </div>
        </li>

            {{/each}}
        </script>
    </ul>

<div class="footer">
    <div class="pageChange row">
        <div class="col-xs-4 contain"><span class="pageUp">上一页</span></div>
        <div class="col-xs-4 contain">
            <div class="page">

                <b class="glyphicon glyphicon-triangle-bottom"></b>
                    <ul id="mulu">

                        <script type="text/template" id="mulutemp">
                            {{each pagelist as val i}}
                            <li>
                                <a href="./shopperClass.html?pageid={{val.pageid}}&categoryid={{val.categoryid}}">
                                    <span>{{val.pageid}}</span><span>/</span><span>{{pagelist.length}}</span>
                                </a>
                            </li>
                            {{/each}}
                        </script>

                    </ul>
            </div>
        </div>
        <div class="col-xs-4 contain"><span class="pageDown">下一页</span></div>
    </div>
    <div class="href">
        <span>相关链接：</span>
        <p>电视机十大品牌</p>
        <p>电视机口碑大全</p>
    </div>
    <div class="logregturn row c">
        <div class="col-xs-3 contain"><a href="../home/login.html">登录</a></div>
        <div class="col-xs-3 contain"><a href="">注册</a></div>
        <div class="col-xs-6 contain"><span class="glyphicon glyphicon-arrow-up totop" ></span><a href="#login">返回顶部</a></div>
    </div>
    <p class="bottomText">
        <a href="">手机App下载</a> <span>慢慢买手机版--掌上比价平台</span><br/>
        <span>m.manmanbuy.com</span>
    </p>
</div>
<a class="totoop">^</a>
<script src="../../lib/require/require.js" data-main="../../js/category/main.js"></script>
</div>
</body>
</html>